<template>
    <div class="public">
        <div class="public_shou">
            <div class="shou_div">
                <h1>{{ title }}</h1>
                <p>{{ biao }}</p>
            </div>
            <template>
                <slot></slot>
            </template>
        </div>
        <slot name="qq" class="public_di"></slot>
    </div>
</template>
<script>
export default {
    props: {
        title: String,
        biao: String,
        keji: String,
        price: [String, Number]
    }
}
</script>
<style lang="scss" scoped>
.public {
    width: 1200px;
    height: 541px;
    margin: auto;
    // background: pink;
    .public_shou {
        width: 100%;
        height: 115px;
        // background: salmon;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .shou_div{
            width: 25%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding-left: 2%;
        }
    }

    
}
</style>